<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
</head>
<body>

<a id="a1" href="javascript:void(0)">a1</a>
<a id="a2" href="javascript:void(0)">a2</a>
<a  href="a3.html" target="my">a3</a>

<hr>

<div>
    <iframe style="border-width: 0px; width: 100%; height: 100%;" name="my">
    </iframe>
</div>




</body>
</html>

<script>

    
    $(function () {
        
        $("#a1").click(function () {
            window.open("a1.html","my");
        });
        $("#a2").click(function () {
            window.open("a2.html","my");
        });
        
    })

</script>